import Vue from 'vue'
import Vuex from 'vuex'
import mutation from './mutation'
import action from './action'

Vue.use(Vuex);

const state = {
  totalTime: 6,
  list: [{
    name: '二哲',
    /**
     * 把图片写在变量传到模板中的时候却发现图片出不了
        解决方法
        方案1： 使用require将图片引入，写法如下
        avatar: require('../assets/2113467415.jpg'),
        然后再模板中：
        <img :src="logo">
        就可以了。

        方案2：把图片放在static文件夹中，如下
        然后直接这样写
        avatar: '../../static/2113467415.jpg',
        就可以直接使用了。
     */
    avatar: require('../assets/2113467415.jpg'),
    date: '2016-12-25',
    totalTime: '6',
    comment: '12月25日晚上，陪女朋友一起过圣诞节需要6个小时'
  }]
};

/**
 * 注意此处传的选项名称，必须是state，mutations，actions
 * 如果以如下方式转入，vuex将无法识别
 * export default new Vuex.Store({
    state,
    mutation,
    action
  })
 */
export default new Vuex.Store({
  state,
  mutations: mutation,
  actions: action
})
